<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.role">

<head>
  <meta charset="utf-8"></meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
  <title>角色管理</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>

</head>

<body>
  <!-- 设备异常  -->
  <div th:fragment="unitException" class="configuration">

    <!-- 设备管理模态框 -->
    <div class="cd-popup3  unitException-pop" id="unitExceptionModal">
      <div class="cd-popup-container3 manageModal deviceModal">
        <div class="modal-top"></div>
        <div class="modal-title">设备异常</div>
        <div class="tableModal">
          <div class="fr mb5">
							<select class="form-control my-form-control deviceTypeSearchBtn">
                  <option value="all">全部</option>
                  <option value="1">烟感</option>
                  <option value="2">充电桩</option>
                  <option value="3">GPS</option>
                  <option value="4">消火栓</option>
                  <option value="5">智能用电</option>
                  <option value="6">水位检测</option>
                  <option value="7">视频</option>
                </select>
          </div>
          <div class="fl searchDevBox">设备编号:
            <input type="text" class="form-control searchDev devCodeVal" /> 所在地址:
            <input type="text" class="form-control searchDev devAddress" />
            <ul class="searchList" style="right: 447px; display: none;">
              <!-- TODO -->
            </ul>
            设备状态:
            <select class="form-control my-form-control devTypeVal">
              <option alarmtype="all" class="select">全部</option>
              <option alarmtype="3">故障</option>
              <option alarmtype="4">低电</option>
              <!-- <option alarmtype="1">火警</option> -->
              <!-- <option alarmtype="7">正常</option> -->
            </select>
            <span class="btnStyle" id="unitExceptionSearchBtn">搜索</span>
            <span class="btnStyle refreshStyle" id="unitExceptionRefresh">刷新</span>
          </div>
          <table class="table table-bordered">
            <thead>
              <tr>
                <!--               <th><input type="checkbox" id="unitExceptionSelectAll"></th>
              <th>序号</th>
              <th>设备编号</th>
              <th>所在地址</th>
              <th>报警次数</th>
              <th>设备状态</th>
              <th>操作</th> -->
                <th>序号</th>
                <th>设备编号</th>
                <th>地点</th>
                <th>安装场所</th>
                <th>类型</th>
                <th>上报时间</th>
                <th>报警次数</th>
              </tr>
            </thead>
            <tbody class="tbodyList">
              <!-- <tr>
              <th>序号</th>
              <th>设备名称</th>
              <th>所在地址</th>
              <th>报警次数</th>
              <th>设备状态</th>
              <td>
                <span class="configBtnStyle modifyBtn" id="deviceModifyBtn">修改</span>
                <span class="configBtnStyle focusSelectBtn">查看详情</span>
                <span class="configBtnStyle positionBtn">定位</span>
              </td>
            </tr> -->

            </tbody>
          </table>
        </div>
        <a href="javascript:;" class="cd-popup-close closeModal"></a>
        <!-- 添加按钮-->
        <div class="addBtn addDevice-trigger authorizeModifiable" style="display:none;">添加</div>
        <!-- 分页 -->
        <div class="dailyPageBox pageBox" id="unitExceptionPageBox">
          <ul class="pagination" id="unitExceptionPage"></ul>
          <div class="pageJump none">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>


        <!--      	<div class="dailyPageBox pageBox" id="configurationPageBox">
			<ul class="pagination" id="configurationPage"></ul>
			<div class="pageJump">
				<span>跳转到</span>
				<input type="text"/>
				<span>页</span>
				<button type="button" class="button btn btn-default">跳转</button>
			</div>
		</div>  -->
        <!-- 导出、删除-->
        <div class="exportBox" style="display:none;">
          <div id="unitExceptionTableExport">
            <table style="display:none;">
              <thead>
                <tr>
                  <th>设备名称</th>
                  <th>是否启用</th>
                  <th>设备类型</th>
                  <th>设备编号</th>
                  <th>安装地址</th>
                  <th>安装场所</th>
                  <th>经度</th>
                  <th>纬度</th>
                  <th>安装日期</th>
                  <th>截止日期</th>
                  <th>联系人1</th>
                  <th>联系电话</th>
                  <th>联系人2</th>
                  <th>联系电话</th>
                  <th>联系人3</th>
                  <th>联系电话</th>
                  <th>备注</th>
                  <th>组织</th>
                </tr>
              </thead>
              <tbody>

              </tbody>
            </table>
          </div>
          <span class="export">导出全部</span>
          <span class="delete authorizeModifiable" id="unitExceptionDelBtn"></span>
        </div>
      </div>
    </div>

  </div>
</body>

</html>